import React, { FC } from "react";
import DeviceAddCard from "@/components/DeviceAddCard";
import useGetOperateData from "@/hooks/useGetOperateData";

const DeviceAddView: FC = () => {
  const { EquipAccessNum = 0, EquipfilNum = 0 } = useGetOperateData();

  return (
    <div>
      <DeviceAddCard
        value={EquipAccessNum}
        color="#207E8E"
        icon="2"
        keys="当日新增边设备建档数"
      />
      <DeviceAddCard
        value={EquipfilNum}
        color="#FFC200"
        icon="1"
        keys="当日新增边设备接入数"
      />
    </div>
  );
};

export default DeviceAddView;
